<template>
  <div class="cartList">
    <Scroll class="const" :pullUpLoad="true" ref="scroll">
      <template>
        <Cartitem
          v-for="(items, index) in productList"
          :key="index"
          :items="items"
        />
      </template>
    </Scroll>
  </div>
</template>

<script>
import Cartitem from './cartitem'

import Scroll from '@/components/content/scroll/'
import { mapGetters } from 'vuex'
export default {
  name: 'cartList',
  components: {
    Scroll,
    Cartitem,
  },
  data() {
    return {}
  },
  computed: {
    ...mapGetters(['productList']),
  },
  activated() {
    this.$refs.scroll.refresh()
  },
  methods: {},
}
</script>
<style scoped>
.cartList {
  height: 100vh;
}
.const {
  height: calc(100% - 126px);
}
</style>
